<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/about.css"/>

		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/popper.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部 -->
		<div class="container py-3">
			<div class="row">
				
				<div class="col-lg-2 col-12 text-center pb-2 ">
					<img src="img/logo-header-06.png"  />
				</div>
				<!-- 头部搜索框 -->
				<div class="col-lg-6 col-12 mb-3">
					<form class="rounded-pill d-flex border search">
						<ul class="nav ml-3">
							<li class="nav-item">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" style="color: gray;">MOVIES</a>
								<div class="dropdown-menu">
									<a href="#" class="dropdown-item menu_jg">VIDEOS</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item  menu_jg">CATEGORIES</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item menu_jg">POPULAR</a>
								</div>
							</li>
						</ul>
						<input type="text" class="border-0 headfa  border-right-0 border-bottom-0 border-top-0 mr-2 h-75 w-75 align-self-center" />
						<a href="#" class="fa fa-search mr-3 pt-2 mt-1" style="color: gray;"></a>
					</form>
				</div>
				
				<div class="col-lg-4 d-lg-block d-none ">
					<div class="d-flex flex-wrap ml-auto">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<button type="button" class="btn btn-danger rounded-pill">SUBMIT VIDFO</button>
					</div>
				</div>
				
			</div>
		</div>
		<div class="w-100 headertwo">
			<div class="container">
				<div class="navbar navbar-expand-md py-0">
					<button class="navbar-toggler  mr-5 py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
						<i class="fa fa-bars bar text-light"></i>
					</button>
					<div class="navbar-inner collapse navbar-collapse" id="menu">
						<ul class="nav nav-pills navbar-nav">
							<li><a href="index.html">HOME</a></li>
							<li class="dropdown"><a href="shop.html">MOVIE</a>
								<ul class="dropdown-menu head2 py-0">
									<li><a href="shop.html">Shop</a></li>
									<li><a href="shop_details.html">Shop_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="video.html">VIDEO</a>
								<ul class="dropdown-menu py-0">
									<li><a href="video.html">Video</a></li>
									<li><a href="video_details.html">Video_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="about.html">FEATURES</a>
								<ul class="dropdown-menu py-0">
									<li><a href="about.html">About</a></li>
									<li><a href="submit.html">Submit</a></li>
									<li><a href="list_authors.html">List_authors</a></li>
									<li><a href="authors_details.html">Authors_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="blog.html">BLOG</a>
								<ul class="dropdown-menu py-0">
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_details.html">Blog_details</a></li>
								</ul>
							</li>
							<li><a href="contact.us.html">CONTACT</a></li>
						</ul>
					</div>
					<div class="right ml-auto">
						<span class="mr-0">
							<i class="fa fa-user"></i>
							<span>WELCOME GUEST!</span>
							<span style="color: red;">LOGIN</span>
						</span>
					</div>
				</div>
			</div>
		</div>
		<!-- 背景图 -->
		<div style="background-image:url(img/bg-page-title-01.jpg);width: 100%;height: 200px;">
			<!-- 黑幕 -->
			<div class="container-fluid" style="background-color:rgba(0,0,0,0.5);width: 100%;height: 200px;">
		
		
				<!--single blog-->
		
				<div class="container p-0">
		
					<h1 class="text-center pt-5 " style="color: white;"> Blog1</h1>
					<p class="text-center  py-3 pb-5 "style="color: white;"><span>Home/</span>
						<span style="color: red;"> Blog</span>
					</p>
		
				</div>
				
			</div>
		</div>
		
		
		<!-- 中间 -->
		<!-- 中间左边 -->
		<div class="container">
			<div class="row">
					<div class="col-lg-9 mt-5 ">
							<!-- 定位 -->
						<div class="blog-dw1 big">
							<div class="w-100 h-100 overflow-hidden">
								<img src="img/blog-01.jpg"class="w-100 " />
							<div style="width: 100px;height: 100px;background-color: #222222;"class="blog-dw">
							<p class="fa-2x"style="color: white;text-align: center;">08</p>
							<p style="color: white;text-align: center;">AUG,2018</p>	
							</div>
							</div>
							
						</div>	
					
						
							<!-- 标题 -->
							<h3 class="mt-5"><b>Iphone X white plus</b></h3>	
							<!-- 图标 -->
							<i class="hs ml-3">
								<span class="fa fa-user " >
										<span class="ml-2">By Thomas Doe</span>	
								</span>
								
								<span class="fa fa-calendar  ml-3">
									<span class="ml-2">Academics,Desing</span>
									</span>
							
								<span class="fa	fa-tags ml-3">
									<span class="ml-2">(0)Comment</span>
								</span>
							</i>
						<p class="mt-2">if you are a newbie to managing a WordPress website,then congratulations!You are here at the right track with us because we are going to introduce you of the most basic<br />
						knowledge when owning a WordPress page:how to find your site the best WordPress Hosting service.This process is often overlooked by most of the website owners.But it can be	
						</p>
				<a href="#" class="btn mt-3" style="background-color: red;color: white;">LEARN MORE</a>
				<hr />
				
				<!-- 小div -->
				<div style="width: 100px;height: 100px;background-color: #494F54;margin-top: 100px;">
				<p class="fa-2x"style="color: white;text-align: center;">08</p>
				<p style="color: white;text-align: center;">AUG,2018</p>	
				</div>
				
				<!-- 标题 -->
					<h3 class="mt-5"><b>Iphone X white plus</b></h3>	
					<!-- 图标 -->
					<i class="hs ml-3">
						<span class="fa fa-user " >
								<span class="ml-2">By Thomas Doe</span>	
						</span>
						
						<span class="fa fa-calendar  ml-3">
							<span class="ml-2">Academics,Desing</span>
							</span>
					
						<span class="fa	fa-tags ml-3">
							<span class="ml-2">(0)Comment</span>
						</span>
					</i>
				<p class="mt-2">if you are a newbie to managing a WordPress website,then congratulations!You are here at the right track with us because we are going to introduce you of the most basic<br />
				knowledge when owning a WordPress page:how to find your site the best WordPress Hosting service.This process is often overlooked by most of the website owners.But it can be	
				</p>
				<a href="#" class="btn mt-3" style="background-color: red;color: white;">LEARN MORE</a>
				<!-- 图二 -->
				<div class="blog-dw1 big"style="margin-top: 100px;">
					<div class="w-100 h-100 overflow-hidden">
						<img src="img/blog-02.jpg"class="w-100 " />
							<div style="width: 100px;height: 100px;background-color: #222222;"class="blog-dw">
							<p class="fa-2x"style="color: white;text-align: center;">08</p>
							<p style="color: white;text-align: center;">AUG,2018</p>	
							</div>
					</div>
							
						</div>	
					
						
							<!-- 标题 -->
							<h3 class="mt-5"><b>Iphone X white plus</b></h3>	
							<!-- 图标 -->
							<i class="hs ml-3">
								<span class="fa fa-user " >
										<span class="ml-2">By Thomas Doe</span>	
								</span>
								
								<span class="fa fa-calendar  ml-3">
									<span class="ml-2">Academics,Desing</span>
									</span>
							
								<span class="fa	fa-tags ml-3">
									<span class="ml-2">(0)Comment</span>
								</span>
							</i>
							
							
						<p class="mt-2">if you are a newbie to managing a WordPress website,then congratulations!You are here at the right track with us because we are going to introduce you of the most basic<br />
						knowledge when owning a WordPress page:how to find your site the best WordPress Hosting service.This process is often overlooked by most of the website owners.But it can be	
						</p>
				<a href="#" class="btn mt-3" style="background-color: red;color: white;">LEARN MORE</a>
				<hr />
				<!-- 图三 -->
				<div class="blog-dw1 big"style="margin-top: 100px;">
					<div class="w-100 h-100 overflow-hidden">
						<img src="img/blog-03.jpg"class="w-100 " />
							<div style="width: 100px;height: 100px;background-color: #222222;"class="blog-dw">
							<p class="fa-2x"style="color: white;text-align: center;">08</p>
							<p style="color: white;text-align: center;">AUG,2018</p>	
							</div>
					</div>
							
						</div>	
					
						
							<!-- 标题 -->
							<h3 class="mt-5"><b>Iphone X white plus</b></h3>	
							<!-- 图标 -->
							<i class="hs ml-3">
								<span class="fa fa-user " >
										<span class="ml-2">By Thomas Doe</span>	
								</span>
								
								<span class="fa fa-calendar  ml-3">
									<span class="ml-2">Academics,Desing</span>
									</span>
							
								<span class="fa	fa-tags ml-3">
									<span class="ml-2">(0)Comment</span>
								</span>
							</i>
							
							
						<p class="mt-2">if you are a newbie to managing a WordPress website,then congratulations!You are here at the right track with us because we are going to introduce you of the most basic<br />
						knowledge when owning a WordPress page:how to find your site the best WordPress Hosting service.This process is often overlooked by most of the website owners.But it can be	
						</p>
				<a href="#" class="btn mt-3" style="background-color: red;color: white;">LEARN MORE</a>
				<hr />
				
				<!-- ------------------ -->
				
				<div class="row">
					
				
				<div class="col-lg-2">
					<!-- 小div -->
				<div style="width: 100px;height: 100px;background-color: #494F54;margin-top: 100px;">
				<p class="fa-2x"style="color: white;text-align: center;">08</p>
				<p style="color: white;text-align: center;">AUG,2018</p>	
				</div>
				</div>
				<div class="col-lg-10">
					<!-- 标题 -->
					<h3 class="mt-5"><b>Iphone X white plus</b></h3>
								<!-- 图标 -->
								<i class="hs ml-3">
									<span class="fa fa-user " >
											<span class="ml-2">By Thomas Doe</span>	
									</span>
									
									<span class="fa fa-calendar  ml-3">
										<span class="ml-2">Academics,Desing</span>
										</span>
								
									<span class="fa	fa-tags ml-3">
										<span class="ml-2">(0)Comment</span>
									</span>
								</i>
								
								
							<p class="mt-2">if you are a newbie to managing a WordPress website,then congratulations!You are here at the right track with us because we are going to introduce you of the most basic<br />
							knowledge when owning a WordPress page:how to find your site the best WordPress Hosting service.This process is often overlooked by most of the website owners.But it can be	
							</p>
					<a href="#" class="btn mt-3" style="background-color: red;color: white;">LEARN MORE</a>
					<hr />
					
					
					<!-- 四个按钮 -->
					
					
					
					
				</div>
			</div>				
				<!-- ---------------- -->
				
					</div>
					<!-- /---中间右边-- -->
					<div class="col-lg-3 mt-5 col-12 border-left">
							<!-- 搜索框 search -->
							<div class="form-control search mx-auto mx-md-0 p-0 align-self-center">
								<form class="d-flex h-100">
									<input type="text" placeholder="Search" class="border-0 w-75" />
									<button class="btn d-inline-block py-1 px-3 pl-5 ">
									<span class="fa fa-search "></span>
									</button>
								</form>
							</div>	
							<!-- categories -->
							<h5 style="border-left:4px solid red ;padding-left:7px ;"class="mt-5">CATEGORIES</h5>
							<!-- 表格 -->
							<div class="text-muted py-3 border1">
								<p>
									<a href="#"><i class="fa fa-caret-right pr-3"></i>Film marker<span style="float: right;">32</span></a>
								</p>
								<p>
									<a href="#"><i class="fa fa-caret-right pr-3"></i>Film studio<span style="float: right;">32</span></a>
								</p>
								<p>
									<a href="#"><i class="fa fa-caret-right pr-3"></i>Life style<span style="float: right;">16</span></a>
								</p>
								<p>
									<a href="#"><i class="fa fa-caret-right pr-3"></i>Fashion<span style="float: right;">08</span></a>
								</p>
								<p>
									<a href="#"><i class="fa fa-caret-right pr-3"></i>Film online<span style="float: right;">45</span></a>
								</p>
								<p>
									<a href="#"><i class="fa fa-caret-right pr-3"></i>Film studio<span style="float: right;">32</span></a>
								</p>
							</div>
							<!--  -->
								<h5>LATSET POSTS</h5><br>
							<div class="row">
								
								<!-- 图一 -->
								<div class="col-3">
									<img src="img/post-53.jpg" />
								</div>
								<div class="col-9 pl-5 ">
									<p style="font-weight: normal;">5 Skin Care Rituals You Should Be Doing</p>
									<p class="hs">Dec 30,2016</p>
								</div>
							
								<!-- 图二 -->
								<div class="col-3">
									<img src="img/post-54.jpg" />
								</div>
								<div class="col-9 pl-5 ">
									<p style="font-weight: normal;">5 Skin Care Rituals You Should Be Doing</p>
									<p class="hs">Dec 30,2016</p>
								</div>
								<!-- 图三 -->
								<div class="col-3">
									<img src="img/post-55.jpg" />
								</div>
								<div class="col-9 pl-5 ">
									<p style="font-weight: normal;">5 Skin Care Rituals You Should Be Doing</p>
									<p class="hs">Dec 30,2016</p>
								</div>
							</div>
							<!-- ----- -->
							<div class=" border1">
							<h5 style="border-left:4px solid red ;padding-left:7px ;margin-bottom: 30px;mt-3">TAGS CLOUD</h5>
							<button class="btn border mr-1 px-1 py-2 my-1 text-muted">Film Oline</button>
							<button class="btn border mr-1 px-1 py-2 my-1 text-muted">Creative</button>
							<button class="btn border mr-1 px-2  py-2 my-1 text-muted">Design</button>
							<button class="btn border mr-1 px-2  py-2 my-1 text-muted">Landing</button>
							<button class="btn border mr-1 px-2  py-2 my-1 text-muted">Skill</button>
						
							
							</div><div class="row position-sticky sticky-top">
							<div class="col-12">
								<img src="img/ads-04.jpg" class="pt-3 w-100 position-sticky sticky-top" />
							</div>
						</div>	
					</div>
					
					
					
					
			</div>
			
		</div>
		<!-- 尾部 -->
		<div style="background-color:#222222;" class="py-5 mt-5">
					<div class="container row" style="margin: 0px auto;">
						<!--尾- 左 -->
						<div class="col-lg-4 mt-4 text-center zuo">
							<img src="img/logo-header-05.png" class="mt-2" />
							<p class="mt-4 hs">
								Lommodo ligula eget dolor.Aenean massa.Cum sociis
								que penatibus et magins dis parturent montes lorem,
								nascetur ridiculus.Donec quam delis,ultricies nec
								masson.Cum sociis
							</p>
		
							<!-- <li class="nav-item dropdown btn-group ml-auto mt-3">
									<input type="text" placeholder="Email" style="background-color: #222222;border: white;" class="border w-75 " />
									<a href="#" class="btn" style="background-color: red;color: white;">SUBSCRIBE</a>
								</li> -->
							<form class=" d-flex border-0 W-100 py-3 container">
								<input type="text" class="border border-dark w-75 px-3 ml-auto text-muted" placeholder="Eamil" />
								<a href="#" class="w-50 p-0 ">
									<button type="button" class="text-white border-0 w-100">SUBSCRIBE</button>
								</a>
							</form>
		
							<div class="tu mt-4">
								<i class="fa fa-facebook  mr-2  hs "></i>
								<i class="fa fa-twitter  mr-2  hs "></i>
								<i class="fa fa-vimeo  mr-2  hs "></i>
								<i class="fa fa-youtube-play  mr-2  hs "></i>
								<i class="fa fa-glide-g  mr-2  hs "></i>
								<i class="fa fa-camera-retro  mr-2  hs "></i>
							</div>
		
		
						</div>
						<!--尾- 中 -->
						<div class="col-lg-5 mt-4">
							
							<p style="color: white;font-weight: bold; font-size: 20px;"class="ml-2">LATSET POSTS</p>
							
							<div class="row d-flex">
								<!-- 图一 -->
								<div class="col-4  mt-3">
									
										<img src="img/png-post-01.png" />
									
								</div>
								<div class="col-8 col-lg-6 mt-3 p-0">
									<p style="color: white;"class="m-0">5 Skin Care Rituals You Should 
		Be Doing Before Bed
		</p>
									<p class="hs">Dec 30,2016</p>
								</div>
		
								<!-- 图二 -->
								<div class="col-4  mt-3">
									
										<img src="img/png-post-02.png" />
								
								</div>
								<div class="col-8 col-lg-6 mt-3 p-0 ">
									<p style="color: white;" class="m-0">Fashion Outfit ideas to Try 
		From instagram This Week
		</p>
									<p class="hs">Dec 30,2016</p>
								</div>
								<!-- 图三 -->
								<div class="col-4  mt-3">
									
										<img src="img/png-post-03.png" />
								
								</div>
								<div class="col-8 col-lg-6   p-0 mt-3">
									<p style="color: white;"class="m-0">7 Soaps to Supercharge Your 
		Daily Skincare Routine</p>
									<p class="hs">Dec 30,2016</p>
								</div>
							</div>
						</div>
						<!--尾- 右 -->
						<div class="col-lg-3  mt-4  ">
							<p style="color: white;font-weight: bold; font-size: 20px;"class="ml-2">POPULAR CATEGORY</p>
							<!-- 列表 -->
							<p class="m-2"> <a href="#" class="hs   f_zt"style="text-decoration: none;">Fragrances<span class="r_fd  ">15</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Hair Care<span class="r_fd ">12</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Make Up<span class="r_fd ">6</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Outfits<span class="r_fd ">5</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Skin Care<span class="r_fd ">10</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Style<span class="r_fd ">8</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fashion<span class="r_fd ">5</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Lifestyle<span class="r_fd ">2</span></a></p>
							<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Wellness<span class="r_fd">3</span></a></p>
		
		
		
						</div>
		
					</div>
		
		
				</div>
		<!-- 最后一行 -->
		<div class="container-fluid text-center " style="background-color: black;">
			<div class="row">
				<div class="mx-auto col-lg-6">
					<p class="mt-3" style="color: gray;">Copyright 2018 Corporate WordPress Theme by All aright <span style="color: red;" >ThimPress</span></p>
				</div>
				<button class="btn text-white px-3 mr-4 mb-4" id="test" style="background-color: red; position: fixed;right: 0;bottom: 0;">↑</button>
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		test.onclick = function() {
			scrollTo(0, 0);
		}
	</script>
</html>
